<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content="后台 | 后台管理系统 |joney"/>
	<meta name="author" content="joney"/>
	<title>后台管理系统</title>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}" id="swicth-style"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/canvas/particles/style.css}"/>

	<script type="text/javascript" th:src="@{/js/jquery-1.8.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
	<script type="text/javascript" th:src="@{/js/common.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/3.1.9/crypto-js.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/crypt.js}"></script>
    <style>
		body{
			background-color: #C1D9FF;
			background-image: url("/images/bg3.jpg");
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		#loginWindow{
/*			border-radius:5px;
			-moz-border-radius:5px; !* 老的 Firefox *!*/
			width:300px;
			position: absolute;
			z-index:1;
			border: 1px #188FE2 solid;
			background-color: #DCEBF9;
			top:-320px;

/*			filter:alpha(opacity:70);
			opacity:0.7;
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;*/
		}
		.winHead{
/*			border-radius:5px 5px 0 0;
			-moz-border-radius:5px 5px 0 0; !* 老的 Firefox *!*/
			background-color: #4EACEC;
			height: 30px;
			line-height: 30px;
			padding: 5px;
		}
		.winBody{
			padding:10px 20px 10px 20px;

		}
		.footer{
			position:fixed;
			bottom:0;
			text-align:center;
			/*
			filter:alpha(opacity:30);
			opacity:0.3;
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			*/
			width:100%;
			padding: 10px;
		}
	</style>
</head>
<body>
<!--隐藏的加密密钥变量-->
<input type="hidden" id="cryptoKey" th:value="${cryptoKey}"/>

<div id="particles-js"></div>
<script type="text/javascript" th:src="@{/canvas/particles/particles.min.js}"></script>
<script type="text/javascript" th:src="@{/canvas/particles/app.js}"></script>

<div id="loginWindow">
	<div class="winHead">
		<img src="/easyui/themes/myicons/world_link.png" style="vertical-align: middle;"/>
		<span style="font-size: 14px;color: white">Welcome to BMS</span>
	</div>
	<div class="winBody">
		 <form id="login_form">
			 <div style="margin-bottom:5px;color: red;display: none; font-size: 12px" id="errMsgBar">
			 </div>
			 <div style="margin-bottom:10px">
				 <input class="easyui-textbox" id="userName" name="userName" style="width:100%;height:40px;padding:12px" data-options="prompt:'用户名',iconCls:'icon-man',iconWidth:38"/>
			 </div>
			 <div style="margin-bottom:10px">
				 <input class="easyui-passwordbox" id="password" name="password" style="width:100%;height:40px;padding:12px" data-options="prompt:'密码',iconWidth:38"/>
			 </div>
			 <div style="margin-bottom:10px">
				 <input class="easyui-textbox" id="checkCode" name="checkCode" style="width:40%;height:40px;padding:12px" data-options="prompt:'验证码'"/>
				 <input type="hidden" name="checkId"/>
				 <img src="" style="vertical-align:middle" onclick="refreshCode()" id="checkCodeImg"/>
			 </div>
			 <div style="margin-bottom:10px">
				 <input type="checkbox" checked="checked" id="rmbUser"/>
				 <span style="font-size: 12px;">记住我</span>
			 </div>
			 <div style="margin-bottom:5px">
				 <a id="loginBtn" href="javascript:login()" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style="padding:5px 0px;width:100%;">
					 <span style="font-size:14px;">登录</span>
				 </a>
			 </div>
		 </form>
	</div>
</div>

<div class="footer" id="footer">
	Copyright @2018 All rights reserved<br/>
	粤ICP备18011921号
</div>

<script type="text/javascript" th:src="@{/js/login.js}"></script>
</body>
</html>